<script setup>

 import { onMounted } from "vue";

 onMounted(() => {
   const el = document.getElementById('other')
   el.addEventListener('mouseenter', () => {
     window.api.mouseEnter()
   })
   el.addEventListener('mouseleave', () => {
     window.api.mouseLeave()
   })
 })
</script>

<template>
  <div id="other">

  </div>
</template>

<style scoped>
#other{
  width: 100%;
  height: 400px;
  -webkit-app-region: no-drag;
}
</style>
